<!DOCTYPE html>
<html style="font-size: 312.5%;">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>购物车</title>
		<link rel="stylesheet" type="text/css" href="css/m.css" />
		<link rel="stylesheet" type="text/css" href="css/trolley.css"/>
	</head>
	<body>
		<header>
			购物车
			<nav>
				<span>共3件商品</span>
				<span>编辑</span>
			</nav>
		</header>
		<section>
			<div class="container">
				<div class="cart">
					<div class="cart_box">
						<div class="checking">
							<img src="img/Q/check.png"/>
						</div>
						<div class="imag">
							<img src="img/Q/cart1.webp"/>
						</div>
						<div class="cart_desc">
							<div class="cart_title">
								FIVE多功能消毒盒 白色
							</div>
							<div class="cart_cal">
								<div class="price">
									<span>￥89</span>
								</div>
								<div class="num">
									<button type="button">-</button>
									<span class="number">1</span>
									<button type="button">+</button>
								</div>
							</div>
						</div>
					</div>
					<div class="cart_box">
						<div class="checking">
							<img src="img/Q/check.png"/>
						</div>
						<div class="imag">
							<img src="img/Q/cart2.webp"/>
						</div>
						<div class="cart_desc">
							<div class="cart_title">
								OPPO Enco Air 新品耳机 被表「白」
							</div>
							<div class="cart_cal">
								<div class="price">
									<span>￥229</span>
								</div>
								<div class="num">
									<button type="button">-</button>
									<span class="number">1</span>
									<button type="button">+</button>
								</div>
							</div>
						</div>
					</div>
					<div class="cart_box">
						<div class="checking">
							<img src="img/Q/check.png"/>
						</div>
						<div class="imag">
							<img src="img/Q/cart3.webp"/>
						</div>
						<div class="cart_desc">
							<div class="cart_title">
								realme 真我GT 大师探索版 雪山/12GB+256GB
							</div>
							<div class="cart_cal">
								<div class="price">
									<span>￥3199</span>
								</div>
								<div class="num">
									<button type="button">-</button>
									<span class="number">1</span>
									<button type="button">+</button>
								</div>
							</div>
						</div>
					</div>
				</div>
				
				<div class="rec">
					<div class="rec_title">
						为您推荐
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
					<div class="comd_box">
						<img src="img/Q/phone1.webp" />
						<h5> OPPO Reno6 Pro </h5>
						<div class="price">
							￥3499
						</div>
					</div>
				</div>
				<div class="endpr">
					没有更多了
				</div>
			</div>
		</section>
		
		<div class="cart_foot">
			<div class="check_all">
				<img src="img/Q/check.png"/>全选
			</div>
			<div class="add_all">
				<div class="sum">
					<span>合计</span>
					<span>￥0</span>
				</div>
				<div class="checkup">
					去结算(0)
				</div>
				<div class="del">
					删除
				</div>
			</div>
		</div>
		<footer>
			<div>
				<img src="img/Q/footer_home0.png" /> 首页
			</div>
			<div>
				<img src="img/Q/footer_sort0.png" /> 分类
			</div>
			<div class="active">
				<img src="img/Q/footer_trolley1.png" /> 购物车
			</div>
			<div>
				<img src="img/Q/footer_mine0.png" /> 我的
			</div>
		</footer>
		<script src="js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/trolley.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
